<template>
	<span v-if="type>0" class="in-show" :class="classMap[type]"></span>
</template>

<script>
	export default{
		data(){
			return{
				classMap:['decrease','discount','special','invoice','guarantee']
			}
		},
		props:['which','type']
		
		
	}
</script>

<style>
	.in-show{
		display: inline-block;
		vertical-align: top;
    	width: 12px;
    	height: 12px;
    	margin-right: 1px;
    	background-size: 100% 100%;
    	background-repeat: no-repeat;
	}
	.in-show.decrease{
		background-image: url(decrease_2@2x.png);
	}
	.in-show.discount{
		background-image: url(discount_2@2x.png);
	}
	.in-show.invoice{
		background-image: url(invoice_2@2x.png);
	}
	.in-show.special{
		background-image: url(special_2@2x.png);
	}
	.in-show.guarantee{
		background-image: url(guarantee_2@2x.png);
	}
	
	
</style>